body,html {
  margin:0;
  padding: 0;
  width: 100%;
  height: 100%;
}
body {
  background: url(../img/home/bg.jpg) no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
}

/*竖屏幕*/
@media screen and (orientation:portrait) {
    /*  css[竖向定义样式]  */
    .home .yword,.home .word {
      width: 80%;
      margin-left: 10%;
    }
    .home .yword {
      margin-top: 10rem;
    }
    .home .word {
      position: absolute;
      bottom: 5rem;
      left: 0;
      right: 0;
    }
}
@media screen and (orientation:landscape) {
    /*   css[横向定义样式]  */
    .home .yword {
      width: 60%;
      margin-left: 20%;
    }
    .home .word {
      width: 30%;
      margin-left: 35%;
    }
    .home .yword {
      margin-top: 4rem;
    }
    .home .word {
      position: absolute;
      bottom: 4rem;
      left: 0;
      right: 0;
    }

}
/*下一页箭头*/
#array {
  position: absolute;
  z-index: 999;
  width: 20px;
  height: 17.75px;
  bottom:10px;
  left: 48%;
  -webkit-animation: start 1.5s infinite ease-in-out;
}
@-webkit-keyframes start {
  0%,
  30% {
    opacity: 0;
    -webkit-transform: translate(0, 10px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, -8px);
  }
}

@-moz-keyframes start {
  0%,
  30% {
    opacity: 0;
    -moz-transform: translate(0, 10px);
  }
  60% {
    opacity: 1;
    -moz-transform: translate(0, 0);
  }
  100% {
    opacity: 0;
    -moz-transform: translate(0, -8px);
  }
}

@keyframes start {
  0%,
  30% {
    opacity: 0;
    transform: translate(0, 10px);
  }
  60% {
    opacity: 1;
    transform: translate(0, 0);
  }
  100% {
    opacity: 0;
    transform: translate(0, -8px);
  }
}
